<template>
  <div class="container">
    <div class="logo">
<!--      <img src="../../assets/login/logo.png" alt="" />-->
    </div>
    <div class="title-box">
      <div class="company">车优多后台管理系统</div>
    </div>
  </div>
</template>

<script>
export default {}
</script>

<style lang="scss" scoped>
.container {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 90px;

  .logo {
    overflow: hidden;
    padding-top: 10px;
    img {
      /*display: inline-block;*/
      width: 98px;
      height: 48px;
      overflow: hidden;
    }
  }

  .title-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 3px 30px 3px 12px;

    .company {
      font-size: 60px;
      font-weight: 600;
    }

    .company-zh {
      font-size: 14px;
      font-weight: 400;
      color: #333;
      letter-spacing: 0.2em;
    }
  }
}
</style>
